@charset "utf-8";
#user{
    .tittle{
        width: 70%;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%);
        z-index: 3;
        img{
            width: 100%;
        }
    }
    p{
        width: 60%;
        font-size: 14px;
        text-align: center;
        color: white;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%);
        z-index: 3;
    }
    .input1,.input2{
        width: 65%;
        height: 35px;
        padding-left: 5px;
        color: #A20500;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        z-index: 3;
        background-color: #F0CE89; 
        border: none;
    }
    .input1{
        top: 40%;
    }
    .input2{
        top: 48%;
    }
    .userBtn{
        width: 70%;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: 30%;
        z-index: 3;
        button{
            width: 48%;
            height: 40px;
            background-color: transparent;
            color: #F0CE89;
            border: 2px solid #F0CE89;
            margin: 1%;
            font-size: 16px;
            &:hover{
                background-color: #FFD977;
                color: #ac2113;;
            }
        }
    }
}